<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
			/**
			 * 百分比
			 *	- 根据父元素计算
			 * em
			 *	- em和百分比类似，相当于当前元素的字体放大的。
			 *	- 1em = 1font-size
			 *	- 设置字体相关的时候，经常会使用em
			 * 颜色，rgb
			 *	- 三组数据，分别标示红、绿和蓝色
			 *	- 两位两位重复的颜色，可以简写。
			 *		比如：#ff0000 可以简写为 #f00
			 */
			.box{
				width: 200px;
				height: 200px;
				background-color: #abc;
			}
			
			.box1{
				font-size: 10px;
				width: 1em;
				height: 50%;
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="box1"></div>
		</div>
	</body>
</html>
